<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/page/public/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>业绩统计</title>
<% request.setAttribute("menu", 1); %>
<%@ include file="/WEB-INF/page/public/contentmeta.jsp"%>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="<%=basePath%>css/global.css" media="all" />
<link rel="stylesheet" href="<%=basePath%>plugins/font-awesome/css/font-awesome.min.css"/>
<link rel="stylesheet" href="<%=basePath%>css/system.css" media="all"/>
<link rel="stylesheet" href="<%=basePath%>css/tab.css" media="all" />
<style type="text/css">

/* 收款弹窗 */
.collection-money { display:none; }

</style>
</head>
<body>

<div class="admin-tab admin-user">
    <div class="tab-condition">
        <form class="layui-form clefix" id="htform" action="/achievement/manageurl" method="post">
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <input type="text" name="keyWord" id="keyWord"  autocomplete="off" placeholder="请输入关键字" class="layui-input" value="${pager.params.KeyWord }">
                </div>
            </div>
            <div class="layui-form-item">
            	<div class="layui-input-block">
            		<select name="deptid" id="deptid" value="${pager.params.deptid}" lay-filter="deptid">
            			<!-- <option value="0">所在部门</option> -->
            			<dic:dp value="${pager.params.get('deptid')}" type="2" did="${udid}"/>
            		</select>
            	</div>
            </div>
            <div class="layui-form-item">
            	<div class="layui-input-block">
            		<select name="uid" id="uid" data="${pager.params.uid}" lay-filter="uid">
            		<option value="0">所有用户</option>
            		</select>
            	</div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block" style="width:170px;">
                    <input type="text" style="width:170px;" name="sttime" id="sttime"  placeholder="起始时间" autocomplete="off" class="layui-input" onclick="layui.laydate({elem: this})" value="${pager.params.sttime}">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block" style="width:170px;">
                    <input type="text" style="width:170px;" name="entime" id="entime"  placeholder="结束时间" autocomplete="off" class="layui-input" onclick="layui.laydate({elem: this})" value="${pager.params.entime}">
                </div>
            </div>
            <div class="layui-form-item">
	            <input name="skipToPage" id="skipToPage"  type="hidden" value="${pager.pageNo}">
				<input type="hidden" id="pageNo" name="pageNo" value="${pager.pageNo}">
				<input type="hidden" id="totalPage" name="totalPage" value="${pager.totalPages}">
                <button class="layui-btn TM-btn-search searchbtn" lay-submit="" lay-filter="demo2"><i class="layui-icon layui-unselect layui-tab-close">&#xe615;</i>搜索</button>
               <button class="layui-btn refreshbtn"  type="button"><i class="layui-icon layui-unselect layui-tab-close ">&#x1002;</i>刷新</button>  
            </div>
        </form>
        <div style="margin: 25px 0 10px 0; float: right;">
			<a class="layui-btn layui-btn-primary layui-btn-small  exportxls"><i class="layui-icon">&#x1002;</i>导出统计报表</a>
		</div>
		<div style="margin: 25px 0 10px 0; float: left;">
				<a class="layui-btn layui-btn-radius layui-btn-small  layui-btn-danger"><i class="iconfont icon-money"></i>&nbsp;业绩金额：<fmt:formatNumber value="${totalmoney}" pattern="#,#00"/>元</a>
		</div>
    </div>
    <div class="layui-field-box">
        <table class="site-table table-hover TM-table-news">
            <thead>
            <tr>
                <th style="width:5%;">编号</th>
                <th style="width:20%;">合作企业</th>
                <th style="width:10%;">合同金额</th>
                <th style="width:10%;">服务费用</th>
                <th style="width:10%;">客户类型</th>
                <th style="width:10%;">业绩金额</th>
                <th style="width:10%;">操作人</th>
                <th style="width:10%;">完成时间</th>
                <th style="width:20%;">操作</th>
            </tr>
            </thead>
            <tbody>
	            
	             <c:forEach var="obj" items="${pager.resultList}" varStatus="o1">
	            	<tr>
		                <td>${o1.index+1}</td>
		                <td>${obj.customerInfo.cname}</td>
		                <td><fmt:formatNumber value="${obj.totalamount}" pattern="#,#00"/>元</td>
		                <td><fmt:formatNumber value="${obj.servicecharge}" pattern="#,#00"/>元</td>
		                <td>
		                	<c:if test="${obj.type == 1}">企业</c:if>
		                	<c:if test="${obj.type == 0}">人才</c:if>
		                </td>
		                <td><fmt:formatNumber value="${obj.permoney}" pattern="#,#00"/>元</td>
		                <td>${obj.updateuserName}</td>
		                <td>${obj.createdate.substring(0,10)}</td>	
		                <td>
		                	<a class="layui-btn layui-btn-normal layui-btn-mini  showcontractinfo" data="${obj.id}"   type="button">查看</a>
		                </td>
		            </tr>
	             </c:forEach>
            </tbody>
        </table>
        <div class="admin-table-page">
            <div id="page" class="page"></div>
        </div>	
    </div>
</div>

<script>
    layui.config({
        base: 'plugins/layui/modules/'
    });
    layui.use(['element','laypage','form','laydate','layer'], function() {
        var $ = layui.jquery,
                laypage = layui.laypage,
                layer = layui.layer,
                element = layui.element(); //Tab的切换功能，切换事件监听等，需要依赖element模块
        var form = layui.form();
                
      
      selectuser($("#deptid").val());
      
      //部门更改,更新用户列表
      form.on('select(deptid)', function(data){
    	  selectuser(data.value);
      });
      
      //获取对应的用户列表
      function selectuser(deptid){
    	  var userhtml = "<option value='0'>所有成员</option>";
    	  var uids = $("#uid").attr("data");
    	  var sel = "";
    	  $("#uid").html("");
    	  $.ajax({
     			type : "post",
     			url : "/user/getuserlistbydtid",
     			data : {deptid :deptid},
     			dataType : "json",
     			async: false,
     			scriptCharset:'utf-8',
     			success : function(data){
     				for(var i=0;i<data.length;i++){
     					sel = (uids==data[i].uid)?"selected":"";
     					userhtml += "<option value='"+data[i].uid+"'"+ sel +">"+data[i].username+"</option>"
     				}
     			}
     		});
     		$("#uid").html(userhtml);
     		form.render();
      }
      
      //用户更改
      /* form.on('select(uid)', function(data){
    	  $("#htform").submit();
      }); */
      
        //更新渲染
        form.render();
        //设置收款的合同id,cusid为空
        $(".contractid").val("");
        $(".cusid").val("");
 
		//点击查看合同详情
        $('.showcontractinfo').on('click',function(){
        	var id =  $(this).attr("data"),
        	    url =  "/customer/contractinfo?id="+id;
            parent.layer.open({
                title:'合同详情',
                type:2,
                content:url,
                shadeClose:true,
                btnAlign:'c',
                area:['90%','90%']
            });
        });
		
      //点击导出报表
        $('.exportxls').on('click',function(){
        	 //
        	$("#htform").attr("action","/achievement/export").submit();
        	$("#htform").attr("action","/achievement/manageurl"); 
        });
        
        
      
      
      $(".searchbtn").on("click",function(){
    	  $("#skipToPage").val(1);
    	  form.submit();
      });
        
      	var pageNo = $("#pageNo").val();
    	var totalPage = $("#totalPage").val();   
        //page
        laypage({
            cont: 'page',
            curr: pageNo//'${pager.pageNo}'
            ,pages: totalPage//'${pager.totalPages}' //总页数
            ,
            groups: 5 //连续显示分页数
            ,
            jump: function(obj, first) {
                //得到了当前页，用于向服务端请求对应数据
                var curr = obj.curr;
                if(!first) {
                	$("#skipToPage").val(curr);
                	$("#htform").submit();
                }
            }
        });
    });
</script>


</body>
</html>